<div id="app">
    <!-- .number 修饰符的作用是自动将用户的输入值转为值类型 -->
    <input v-model.number="count">

    <!-- .trim 修饰符的作用是自动过滤用户输入值的首尾空白字符-->
    <input v-model.trim="username">

    <!-- .lazy 修饰符的作用是在值 change 时而非 input 时更新 -->
    <input v-model.lazy="email">

    <!-- 能合并使用 -->
    <input v-model.number.trim="count">
</div>

<script src="./lib/vue-2.6.12.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data: {
            count: 100,
            username: 'qiu qian',
            email: '963253731@qq.com'
        }
    })
</script>